<?php
//session_start();

include ("../_recursos/classes/Usuario.php");
Usuario::verifySession();
?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Renascer Planejados</title>
        <link rel="stylesheet" type="text/css" href="../_recursos/css/renascer.css"/>
        <script type="text/javascript" src="../_recursos/scripts/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="../_recursos/scripts/suporte.js"></script>
        <script type="text/javascript" src="../_recursos/scripts/plugins.js"></script>
        <script type="text/javascript" src="../_recursos/scripts/jquery.price_format.1.8.min.js"></script>
        <script type="text/javascript">

            function imprimir() {
                var total = $('#total').unmask(true);
                var entrada = $('#entrada').unmask(true);
                var parcelas = parseInt($('#quantidadeParcelas').val(), 10);

                var totalOrcado = 0;

                var trs = $('#parcelas .price-format');

                $(trs).each(function(index, tr) {
                    var valor = $(tr).unmask();
                    totalOrcado += valor;
                });

                var erro = false;

                if (total == 0) {
                    alert('O total do orçamento deve ser maior que 0.')
                    erro = true;
                } else if (entrada > total) {
                    alert('A entrada não pode ser maior que o valor total do orçamento.')
                    erro = true;
                } else if (entrada < total && parcelas == 0) {
                    alert('Verifique a quantidade de parcelas.')
                    erro = true;
                } else if (total != totalOrcado.toFixed(2)) {
                    alert('Falha na soma do orçamento. Contate o administrador.');
                    erro = true;
                }

                if (erro) {
                    if (confirm('Mesmo o orçamento contendo erros deseja fazer a impressão?')) {
                        window.print()
                    }

                    return;
                }

                window.print();
            }

            function getDate(date) {
                return getNumber(date.getDate()) + '/' + getNumber(date.getMonth() + 1) + '/' + date.getFullYear();
            }

            function getNumber(n) {
                if (n < 10) {
                    return '0' + n;
                }

                return n;
            }

            $(document).ready(function() {
                appPagina.contruirPaginaAdministracao(null, true);
                $('.price-format').priceFormat({prefix: 'R$ '});
                $('#total').priceFormat({prefix: 'R$ '});
                $('.number').priceFormat({centsLimit: 0});
                $('#data').html(getDate(new Date()));
            });

            function adicionar1() {
                $('#tabela1').append('<tr> <td style="width: 1%"><input maxlength="2" style="text-align: center" size="2" type="text"/></td> <td style="width: 1%"><input value="1" maxlength="3" onchange="calcular()" style="text-align: right" class="number" size="2" type="text"/></td> <td style="width: 30%"><input type="text"/></td> <td style="width: 30%"><input type="text"/></td> <td style="width: 1%"><input style="text-align: right" class="number" size="3" type="text"/></td> <td style="width: 10%"><input onblur="calcular()" class="price-format" style="text-align: right" type="text"/></td> <td class="esconder" style="width: 1%"><span title="Excluir" onclick="excluir(this)" class="excluir"></span></td> </tr>');
                $('#tabela1 tr').last().find('.price-format').priceFormat({prefix: 'R$ '});
                $('#tabela1 tr').last().find('.number').priceFormat({centsLimit: 0});
            }

            function adicionar2() {
                $('#tabela2').append('<tr> <td style="width: 1%"><input maxlength="2" style="text-align: center" size="2" type="text"/></td> <td style="width: 20%"><input type="text"/></td> <td style="width: 20%"><input type="text"/></td> <td style="width: 20%"><input type="text"/></td> <td style="width: 20%"><input type="text"/></td> <td style="width: 20%"><input type="text"/></td> <td class="esconder" style="width: 1%"><span onclick="excluir(this)" title="Excluir" class="excluir"></span></td> </tr>');
            }

            function excluir(e) {
                $(e).parent().parent().remove();
                calcular();
            }

            var lastDate;

            function calcularParcelas() {
                lastDate = new Date();

                var parcelas = parseInt($('#quantidadeParcelas').val(), 10);
                var entrada = $('#entrada').unmask(true);

                var total = $('#total').unmask(true);

                if (entrada > total) {
                    $('#entrada').css('background', '#ffcccc');
                    $('#entrada').attr('title', 'A entrada não pode ser maior que o valor total do orçamento.');
                } else {
                    $('#entrada').css('background', '');
                    $('#entrada').removeAttr('title');
                }

                if (total > 0 && total >= entrada) {
                    total -= entrada;
                } else {
                    total = 0;
                }

                var parcela = (total / parcelas).toFixed(2);
                var ultimaParcela = (parcela - ((parcela * parcelas) - total)).toFixed(2);

                var primeira = ultimaParcela > parcela;

                var html = [];
                var c = 0;
                var qtd = 1;

                var colunas = 4;

                $('#thParcelar').attr('colspan', colunas * 4);

                html[c++] = '        <tr>';
                html[c++] = '            <td style="text-align: center">Entrada</td>';
                html[c++] = '            <td style="text-align: center">' + getDate(lastDate) + '</td>';
                html[c++] = '            <td style="border-right-width: 2px; text-align: right" class="price-format">' + entrada + '</td>';

                for (var i = 1; i < parcelas + 1; i++) {
                    var month = lastDate.getMonth();
                    lastDate = new Date(lastDate.getFullYear(), eval(1 + month), lastDate.getDate());

                    if (i > 0 && i % colunas == 0) {
                        html[c++] = '        </tr>';
                        html[c++] = '        <tr>';
                    }

                    html[c++] = '            <td style="text-align: center">' + (qtd++) + 'º</td>';
                    html[c++] = '            <td style="text-align: center">' + getDate(lastDate) + '</td>';

                    if (!primeira && i + 1 == parcelas + 1) {
                        if ((i + 1) % colunas != 0) {
                            html[c++] = '            <td style="border-right-width: 2px; text-align: right" class="price-format">' + ultimaParcela + '</td>';
                        } else {
                            html[c++] = '            <td style="text-align: right" class="price-format">' + ultimaParcela + '</td>';
                        }
                    } else if (primeira && i == 1) {
                        if ((i + 1) % colunas != 0) {
                            html[c++] = '            <td style="border-right-width: 2px; text-align: right" class="price-format">' + ultimaParcela + '</td>';
                        } else {
                            html[c++] = '            <td style="text-align: right" class="price-format">' + ultimaParcela + '</td>';
                        }
                    } else {
                        if ((i + 1) % colunas != 0) {
                            html[c++] = '            <td style="border-right-width: 2px; text-align: right" class="price-format">' + parcela + '</td>';
                        } else {
                            html[c++] = '            <td style="text-align: right" class="price-format">' + parcela + '</td>';
                        }
                    }
                }

                $('#parcelas').html(html.join(''));
                $('#parcelas .price-format').priceFormat({prefix: 'R$ '});
            }

            function calcular() {
                var total = 0;
                var trs = $('#tabela1 tr');

                $(trs).each(function(index, tr) {
                    var valor = $(tr).find('td:eq(5) input').unmask(true);
                    var quantidade = $(tr).find('td:eq(1) input').unmask(true);
                    total += quantidade * valor;
                });

                $('#total').removeAttr('priceFormated');
                $('#total').html(total).priceFormat({prefix: 'R$ '});

                calcularParcelas();
            }

        </script>
    </head>
    <body>
        <div class="titulo">
            <h1>Orçamento</h1>
            <h2>Criação de orçamentos online.</h2>
        </div>
        <div class="texto">
            <div id="formulario" class="orcamento">
                <div style="text-align: center">
                    <button onclick="imprimir()" class="button-blue">Imprimir</button>
                </div>
                <div class="line"></div>
                <div class="cabecalho" style="padding: 5px; margin-bottom: 10px;">
                    <div style="display: table; width: 100%">
                        <img style="height: 70px; float: left" src="../_recursos/imagens/logo.png"/>
                        <span style="font-size: 9px; text-align: right; float: right; margin-top: 10px">
                            Av. Ayrton Senna da Silva, 1.511 - Lojas 9 e 10
                            <br/>
                            Praia Grande/SP
                            <br/>
                            (13) 3473.2176
                            <br/>
                            www.renascerplanejados.com
                            <br/>
                            atendimento@renascerplanejados.com
                        </span>
                    </div>
                </div>
                <table>
                    <tbody>
                        <tr>
                            <td colspan="2">
                                <label>Responsável pela Venda:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                            <td>
                                <label>Loja:</label>
                                <br/>
                                <span>Praia Grande</span>
                            </td>
                            <td>
                                <label>Data do Orçamento:</label>
                                <br/>
                                <span id="data"></span>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <label>Cliente:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <label>Endereço:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>Bairro:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                            <td>
                                <label>Cidade:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                            <td>
                                <label>UF:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                            <td>
                                <label>CEP:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>Telefone:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                            <td colspan="3">
                                <label>E-mail:</label>
                                <br/>
                                <input type="text"/>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <br/>
                <table>
                    <thead>
                        <tr>
                            <th style="width: 1%">AMB</th>
                            <th style="width: 1%">QTD</th>
                            <th style="width: 30%">AMBIENTE</th>
                            <th style="width: 30%">DESCRIÇÃO</th>
                            <th style="width: 1%">PRAZO</th>
                            <th style="width: 10%">VALOR</th>
                            <th style="width: 1%" class="esconder"><span class="adicionar" title="Adicionar" onclick="adicionar1()"></span></th>
                        </tr>
                    </thead>
                    <tbody id="tabela1">
                        <tr>
                            <td style="width: 1%"><input maxlength="2" style="text-align: center" size="2" type="text"/></td>
                            <td style="width: 1%"><input onchange="calcular()" class="number" style="text-align: right" size="2" maxlength="3" style="text-align: center" type="text" value="1"/></td>
                            <td style="width: 30%"><input type="text"/></td>
                            <td style="width: 30%"><input type="text"/></td>
                            <td style="width: 1%"><input class="number" style="text-align: right" size="3" type="text"/></td>
                            <td style="width: 10%"><input class="price-format" onblur="calcular()" style="text-align: right" type="text"/></td>
                            <td class="esconder" style="width: 1%"><span onclick="excluir(this)" title="Excluir" class="excluir"></span></td>
                        </tr>
                    </tbody>
                    <thead>
                        <tr>
                            <td colspan="5"></td>
                            <td style="text-align: right">
                                <label class='price-format' id="total" style="font-size: 14px; text-decoration: underline"></label>
                            </td>
                        </tr>
                    </thead>
                </table>
                <br/>
                <table>
                    <thead>
                        <tr>
                            <th style="width: 1%">AMB</th>
                            <th style="width: 20%">CORPO</th>
                            <th style="width: 20%">PORTA</th>
                            <th style="width: 20%">PUXADOR</th>
                            <th style="width: 20%">COMPLEMENTO</th>
                            <th style="width: 20%">CAIXARIA</th>
                            <th style="width: 1%" class="esconder"><span class="adicionar" title="Adicionar" onclick="adicionar2()"></span></th>
                        </tr>
                    </thead>
                    <tbody id="tabela2">
                        <tr>
                            <td style="width: 1%"><input maxlength="2" style="text-align: center" size="2" type="text"/></td>
                            <td style="width: 20%"><input type="text"/></td>
                            <td style="width: 20%"><input type="text"/></td>
                            <td style="width: 20%"><input type="text"/></td>
                            <td style="width: 20%"><input type="text"/></td>
                            <td style="width: 20%"><input type="text"/></td>
                            <td class="esconder" style="width: 1%"><span onclick="excluir(this)" title="Excluir" class="excluir"></span></td>
                        </tr>
                    </tbody>
                </table>
                <br/>
                <table>
                    <thead>
                        <tr>
                            <th>ENTRADA</th>
                            <th>PARCELAS</th>
                            <th>DESCRIÇÃO</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="width: 2%; white-space: nowrap">
                                <input id="entrada" class="price-format" onblur="calcularParcelas()" style="width: auto; text-align: right" type="text"/>
                            </td>
                            <td style="width: 1%; white-space: nowrap">
                                <input id="quantidadeParcelas" class="number" onblur="calcularParcelas()" size="2" style="width: auto; text-align: right" type="text"/>
                            </td>
                            <td>
                                <input type="text"/>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <table>
                    <thead>
                        <tr>
                            <th id="thParcelar" style="border-top: none" >VALORES</th>
                        </tr>
                    </thead>
                    <tbody id="parcelas"></tbody>
                </table>
            </div>
        </div>
    </body>
</html>
